<div id="homepage-container" class="container">
    <!-- {{displayFunctionName}} -->
    <h4>Welcome {{displayUserName}}!</h4>
    <form [formGroup]="addStockForm" (ngSubmit)="onSubmit()">
        <label for="nums">nums:&nbsp;</label>
        <input id="nums" type="text" formControlName="nums" placeholder="please input nums" required
            autocomplete="nums">
        <br><br>
        <label for="stockIds">stockIds:&nbsp;</label>
        <input id="stockIds" type="text" formControlName="stockIds" placeholder="please input stockIds" required
            autocomplete="stockIds">
        <br><br><br>
        <button><a href="www.baidu.com">Show Charts</a></button>&nbsp;&nbsp;
        <button id="login-submit-btn" type="submit">Add</button>&nbsp;&nbsp;
        <br><br>
    </form>
    

    <table class="table table-striped">
        <thead>
            <tr>
                <th>nums</th>
                <th>stockIds</th>
            </tr>
        </thead>
        <tbody *ngFor="let userStockData of displayStockData">
            <tr>
                <td>{{userStockData['nums']}}</td>
                <td>{{userStockData['stockIds']}}</td>
                <td><button (click)="deleteInfo(userStockData['stockIds'])"><a>Delete</a></button></td>
            </tr>
        </tbody>
    </table>
    <button (click)="send()">Send</button>&nbsp;&nbsp;
</div>